<template>
	<view class="detail">
		<div class="con">
			<div class="tit">
				<u-icon name="bookmark-fill" color="#666666" size="18"></u-icon>  基本信息
			</div>
			<ul class="ul">
				<li class="li">
					<view class="color">
						工单编号
					</view>
					<view class="color1">
						GD2109032401001
					</view>
				</li>
				<li class="li">
					<view class="color">
						工单标题
					</view>
					<view class="color1">
						工单标题
					</view>
				</li>
				<li class="li">
					<view class="color">
						工单类型
					</view>
					<view class="color1">
						普通工单
					</view>
				</li>
				<li class="li">
					<view class="color">
						紧急程度
					</view>
					<view class="color1">
						{{crun_obj.urgency}}
					</view>
				</li>
				<li class="li">
					<view class="color">
						关联客户
					</view>
					<view class="color11" @click="gogsdj">
						深圳穆卫二科技有限公司
					</view>
				</li>
				<li class="li">
					<view class="color">
						关联订单
					</view>
					<view class="color11" @click="gogsdj">
						订单标题
					</view>
				</li>
				<li class="li">
					<view class="color">
						发起人员
					</view>
					<view class="color1">
						李小明
					</view>
				</li>
				<li class="li">
					<view class="color">
						{{crun_obj.author}}
					</view>
					<view class="color1">
						{{crun_obj.initiating}}
					</view>
				</li>
				<li class="li">
					<view class="color">
						处理人员
					</view>
					<view class="color1">
						{{crun_author}}
					</view>
				</li>
				<li class="li">
					<view class="color">
						处理部门
					</view>
					<view class="color1">
						技术部
					</view>
				</li>
				
				<li class="li">
					<view class="color">
						通知他人
					</view>
					<view class="color1">
						李小明，陈小红，曾小芳
					</view>
				</li>
				<li class="li">
					<view class="color">
						签到地址
					</view>
					<view class="color11" @click="divi">
						<u-icon name="map-fill" color="#4294fe" size="18"></u-icon>
						深圳市南山区科苑路15号
					</view>
				</li>
				<li class="li">
					<view class="color">
						签到范围
					</view>
					<view class="color1">
						50米
					</view>
				</li>
				<li class="li">
					<view class="color">
						当前状态
					</view>
					<view class="color1">
						{{crun_type === 'male' ? '待处理' : '已处理'}}
					</view>
				</li>
				<li class="li">
					<view class="color">
						提交时间
					</view>
					<view class="color1">
						{{crun_obj.add_time.slice(0,16)}}
					</view>
				</li>
				<li class="li">
					<view class="color">
						处理时间
					</view>
					<view class="color1">
						
					</view>
				</li>
			</ul>
			<div class="tit">
				<u-icon name="bookmark-fill" color="#666666" size="28"></u-icon>  工单内容
			</div>
			<div class="nw">
				客户关系长期持久，源于让客户感受到价值和重要，是非常有利可图的。满足并保留您的客户群，
				确保未来获得丰厚的收入和利润。口碑可是强大的力量，忠诚的顾客会把你推荐给别人，通过提供优质的服务，
				保持里面建立客户管理，和改善和维护客户关系
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		name:"information",
		props:{
			crun_author:{
				type: String,
				required: true,
			},
			crun_obj:{
				type: Object,
				required:true,
			},
			crun_type:{
				type: String,
				required:true,
			}
		},
		
		data() {
			return {
				
			};
		},
		methods:{
			gogsdj(){
				uni.navigateTo({
					url:'/pages/message/crunch/igui/igui'
				})
			},
			divi(){
				uni.navigateTo({
					url:'/pages/message/crunch/ditu/ditu'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.detail{
		width: 100%;
		height: 100%;
		.con{
			box-sizing: border-box;
			.tit{
				padding: 40rpx 20rpx;
				display: flex;
				background-color: #f9f9f9;
				font-size: 28rpx;
				align-items: center;
			}
			.ul{
				.li{
					width: 100%;
					height: 80rpx;
					padding: 5rpx 40rpx;
					display: flex;
					justify-content: space-between;
					background-color: white;
					align-items: center;
					border-bottom: 1px solid #f2f2f2;
					font-size: 28rpx;
					.color{
						color: #999999;
					}
					.color1{
						color: #666666;
					}
					.color11{
						display: flex;
						color: #0079fe;
						align-items: center;
					}
				}
			}
			.nw{
				padding: 40rpx 40rpx;
				background-color: white;
			}
		}
	}

</style>